<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/10/8
  Time: 19:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<input type="text" id="path" class="hidden" value="<%=request.getContextPath()%>">
<div id="nav_my"></div>
<div class="navigation">
    <div class="nav-cent">
        <div class="sea" style="margin-left: 30%">
            <div class="egc-sea-box">
                <input type="text" class="sea-ipt-txt" id="searchText" placeholder="搜索您想要的车" />
                <span class="search-btn " onclick="search()">搜索</span>
            </div>
        </div>
        <div class="hot-phone"> <i></i> <span class="js-change-phone">400-877-9288</span> </div>
    </div>
</div>
<!--banner广告-->
<div class="banner">
    <!--左侧买卖车-->
    <div class="left">
        <div class="buy">
            <div class="top"><span>我要买车</span></div>
            <div class="brand">
                <div class="brandTop">品牌</div>
                <ul>
                    <c:forEach items="${brands}" var="b" varStatus="status">
                        <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?brId=${b.id}&brName=${b.brName}" tabindex="${b.id}">${b.brName}</a></li>
                    </c:forEach>
                </ul>
            </div>
            <div class="brand">
                <div class="brandTop">价格</div>
                <ul>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=-1" tabindex="-1">不限</a></li>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=3" tabindex="3">3万以下</a></li>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=5" tabindex="5">5万以下</a></li>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=7" tabindex="7">7万以下</a></li>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=9" tabindex="9">9万以下</a></li>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=12" tabindex="12"> 12万以下</a></li>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=16" tabindex="16">16万以下</a></li>
                    <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?price=17" tabindex="17">16万以上</a></li>
                </ul>
            </div>
            <div class="brand" style="border-bottom: 0px">
                <div class="brandTop">车系</div>
                <ul>
                    <c:forEach items="${carStyles}" varStatus="status" var="st" begin="0" end="15">
                        <%--                       ${st.id} ${st.stName}--%>
                        <li><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?brId=${st.brId}&csId=${st.id}&csName=${st.stName}">${st.stName}</a></li>
                    </c:forEach>

                </ul>
            </div>
        </div>
    </div>
    <div class="menu_r">
        <div class="flexslider">
            <ul class="slides">
                <%--<li ><img src="/car/images/2.jpg" alt="" style="width: 900px;height: 400px"></li>--%>
                <%--                <li ><img src="/prj/images/2.jpg" alt="" style="width: 100%;height: 100%"></li>--%>
                <li ><img src="<%=request.getContextPath()%>/images/t_1.jpg" alt="" style="width: 100%;height: 100%"></li>
            </ul>
        </div>
        <div class="clear_fix"></div>
        <div class="purpose">
            <div class="ind-dz-lc">
                <ul>
                    <li>
                        <div class="circle radius"> <i class="lc-01"></i> </div>
                        <div class="txt">
                            <h4>一年/两万公里质保</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"> <i class="lc-02"></i> </div>
                        <div class="txt">
                            <h4>全面检测</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"> <i class="lc-03"></i> </div>
                        <div class="txt">
                            <h4>14天可退</h4>
                        </div>
                    </li>
                    <li>
                        <div class="circle radius"> <i class="lc-04"></i> </div>
                        <div class="txt">
                            <h4>100%个人车源</h4>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--特色展示-->
<div class="center">
    <div class="show">
        <div class="show1" style="width:18%;margin-left: 5%"><img style="width: 250px" src="${pageContext.request.contextPath}/images/centerShow/centerShowC1.jpg" alt=""></div>
        <div class="show1" style="width:18%;margin-left: 5%"><img style="width: 250px" src="${pageContext.request.contextPath}/images/centerShow/centerShowC2.jpg" alt=""></div>
        <div class="show1" style="width:18%;margin-left: 5%"><img style="width: 250px" src="${pageContext.request.contextPath}/images/centerShow/centerShowC3.jpg" alt=""></div>
        <div class="show1" style="width:18%;margin-left: 5%"><img style="width: 250px" src="${pageContext.request.contextPath}/images/centerShow/centerShowC4.jpg" alt=""></div>
    </div>
    <div class="showMore" style="margin-top: 20px">
        <c:forEach items="${brandAndPriceList}" var="p" begin="0" end="4">
            <div class="showCar" style="margin-left: 3%;width: 15%">
                <img src="${p.picUrl}" alt="" style="margin-left:25px"> &nbsp;
                <p class="p2"><a href="<%=request.getContextPath()%>/jsp/buyCar/buyCar02.jsp?brId=${p.brId}&brName=${p.cBrands}">${p.cBrands}</a></p>
                <p class="p3">${p.price}万起</p>
            </div>
        </c:forEach>
    </div>
</div>
<!--车类列表-->
<div class="car_feature">
    <div class="descCar">
        <div style="margin-left: 5%" class="title"><h1>最新上架</h1></div>
        <div class="show"  >
            <c:forEach var="c" items="${carInfoList}" begin="0" end="11">
                <div class="ph">
                    <img src="${c.picUrl}" alt="">
                    <a href="<%=request.getContextPath()%>/cardetail/infor.action?id=${c.brId}">
                        <p>${c.brName} | ${c.stName}  | ${c.cGear} | ${c.cDrive}</p>
                        <p>  <fmt:formatDate value='${c.registration}' pattern='yyyy'/>年款 | ${c.miles}万公里</p>
                    </a>

                    <div class="price">
                        <span style="color: red">${c.price}万</span>
                        <span style="color: greenyellow;text-decoration:line-through">11.28万</span><br>
                        <span>上架时间：<fmt:formatDate value='${c.creatDate}' pattern='yyyy-MM'/></span>
                    </div>
                </div>
            </c:forEach>

        </div>
    </div>
</div>
<div class="container">
    <div class="row" style="margin-left:30px">
        共${carInfoLists.size()}辆
    </div>
</div>
<div id="page">

</div>
<script>
    $("#page").load("${pageContext.request.contextPath}/jsp/page/indexCarpage02.jsp?pageNow=${tqxCarSelect.pageNow}&pageSize=${tqxCarSelect.pageSize}&pageNums=${carInfoLists.size()}");

</script>